<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="./Css/member.css"/>
		<link rel="stylesheet" type="text/css" href="./css/base.css">
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
		<title>个人中心</title>
	</head>
	<body>
		<!--.....................顶部导航.......................-->
		<div id="head">
			<div class="frame">
				<!--.............登陆...........-->
				<div class="head_left">
					<span class="COM">欢迎来到</span>
					<em class="lian">联想官方商城 !</em>
					<a href="" class="log">无聊漂泊的云</a>
					<span class="kong">|</span>
					<a href="" class="enroll">[退出]</a>
				</div>
				<div class="head_right">
					<a href="" class="web">
						<span>联想官网</span>
					</a>
					<span class="kong">|</span>
					<a href="">
						EPP 会员专享
					</a>
					<span class="kong">|</span>
					<a href="">
						银行分期
					</a>					
				</div>
			</div> 		
		</div>
		<!--顶部导航结束-->
		
		
		<!--..................顶部搜索栏........................-->
		<div id="head_search">
			<div class="frame">
				<div class="logo">
					<img src="./Img/logo.jpg" alt="" />
				</div>
				<!--..........搜索框-->
				<div class="header_search_centre">
					<ul class="search">
						<li class="left">
							<input type="text" name="search_text" class="search_text" value="" />					
						</li>
						<li class="left">
							<a href="" class="search_bt" target="_blank" onclick="HeadSerch();">
								<img src="./img/sou.jpg" alt="" />
							</a>							
						</li>
					</ul>
					<!--............关键字-->
					<ul class="keywords">
						<li>
							<a href="" target="_blank">YOGA笔记本</a>
							<span>|</span>
						</li>
						<li>
							<a href="" target="_blank">小新笔记本</a>
							<span>|</span>
						</li>
						<li>
							<a href="" target="_blank">暑促专场</a>
							<span>|</span>
						</li>
						<li>
							<a href="" target="_blank">Y系列</a>
							<span>|</span>
						</li>
						<li>
							<a href="" target="_blank">S5000</a>
							<span>|</span>
						</li>
					</ul>					
				</div>
				<!--.....................购物车-->
				<div class="shopping_cart">
					<a href="" class="" title="我收藏的产品">
						<img src="./Img/shoucang.jpg" alt="我的收藏" />
					</a>
					<a href="" class="SH_cart" title="我的购物清单">
						<img src="./Img/gouche.jpg" alt="购物车" />
					</a>										
				</div>
				<!--购物车结束-->
			</div>
		</div>
		<!--顶部搜索栏结束-->
		
<!--......................导航条...............................-->
		
		<div id="top_nav">
			<div class="frame">
				<!--..................左侧导航-->
				<div class="left_Category">
					<p>全部商品分类</p>
				</div>
				
				<!--...................右侧导航-->
				<div class="right_Category">
					<ul>
						<li>
							<a href="">商品首页</a>
						</li>
						<li>
							<a href="">新品专区</a>
						</li>
						<li>
							<a href="">特惠专区</a>
						</li>
						<li>
							<a href="">学生专区</a>
						</li>
						<li>
							<a href="">小新爆款</a>
						</li>
						<li>
							<a href="">L码购买</a>
						</li>
						<li>
							<a href="">想+社区</a>
						</li>
						<li>
							<a href="">O2O社区</a>
						</li>											
					</ul>																			
				</div>
				<!--...................左下导航....................-->
				<ul class="bottom_nav">
					<!--................电脑产品-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">电脑产品</a>
						<!--电脑产品子集分类-->
						<!--<div>
							
						</div>-->
					</li>
					<!--..................平板电脑-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">平板电脑</a>
						<!--平板电脑子集分类-->
						<!--<div>
							
						</div>-->
					</li>
					
					<!--..................手机产品-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">手机产品</a>
						<!--手机产品子集分类-->
						<!--<div>
							
						</div>-->
					</li>
					
					<!--..................数码选件-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">数码选件</a>
						<!--数码选件子集分类-->
						<!--<div>
							
						</div>-->
					</li>
					
					<!--..................服务产品-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">服务产品</a>
						<!--服务产品子集分类-->
						<!--<div>
							
						</div>-->
					</li>
					
					<!--..................ThinkPad-->
					<li class="right_top_nav" style="height: 34px;">
						<a href="" class="right_t_n">
							<span class="Think_Pad"></span>
						</a>
						
					</li>
					
					<!--..................智能电视-->
					<li class="right_top_nav" style="height: 34px;">
						<a href="" class="right_t_n">
							<span class="Smart_tv"></span>
						</a>
						
					</li>
					
					<!--..................更多服务产品-->
					<li class="right_top_nav">
						<a href="" class="right_t_n">更多服务产品</a>
						<span class="product"></span>
						
					</li>
					
				</ul>								
			</div>			
		</div>
		
		<!--导航条结束-->
		
		<!--........................会员中心................-->
		<div id="member_z">
			<div class="frame">
				<p class="xin">会员中心</p>
			</div>
		</div>
		<div id="klkl">
			
		</div>
		
		<!--..................会员列表...................-->
		<div id="member_list">
			<div class="frame">
				<!--...........左侧-->
				<div class="member_list_left">
					<!--...............左上-->
					<ul class="member_left_l">
						<!--..........我的联想-->
						<li class="my_lenovo">
							<p class="my_lian">我的联想</p>
						</li>
						<!--..........交易管理-->
						<li class="transaction">
							<p class="my_deal">交易管理</p>
						</li>
						<!--...........我的订单-->
						<li class="member_similar">
							<a class="member_similar_F">我的订单</a>
						</li>
						<!--...........我的收藏-->
						<li class="member_similar">
							<a class="member_similar_F">我的收藏</a>
						</li>
						<!--...........积分兑换优惠券-->
						<li class="member_similar">
							<a class="member_similar_F">积分兑换优惠券</a>
						</li>
						<!--...........我的优惠券-->
						<li class="member_similar">
							<a class="member_similar_F">我的优惠券</a>
						</li>
						<!--...........我的货到通知-->
						<li class="member_similar">
							<a class="member_similar_F">我的货到通知</a>
						</li>
						<!--...........我的积分-->
						<li class="member_similar">
							<a class="member_similar_F">我的积分</a>
						</li>
						<!--...........个人拿资料管理-->
						<li class="member_personal_data">
							<p class="data_management">个人拿资料管理</p>
						</li>
						<!--...........个人资料-->
						<li class="member_similar">
							<a class="member_similar_F">个人资料</a>
						</li>
						<!--...........收货信息-->
						<li class="member_similar">
							<a class="member_similar_F">收货信息</a>
						</li>
						<!--...........登录密码-->
						<li class="member_similar">
							<a class="member_similar_F">登录密码</a>
						</li>
						<!--...........售后服务-->
						<li class="member_sales_service">
							<q class="sales_service">售后服务</q>
						</li>
						<!--...........申请售后服务-->
						<li class="member_similar">
							<a class="member_similar_F">申请售后服务</a>
						</li>						
					</ul>
					<!--............图片1-->
					<a href="" class="member_tu">
						<img src="./Img/ad1.jpg" alt="" class="TT"/>
					</a>
					<!--............图片2-->
					<a href="" class="member_tu">
						<img src="./Img/ad2.jpg" alt="" class="TT"/>
					</a>
					<!--............图片3-->
					<a href="" class="member_tu">
						<img src="./Img/ad3.jpg" alt="" class="TT"/>
					</a>
				</div>
				<!--..............左侧结束-->
				
				<!--.............右侧 个人中心-->
	 
         <div class="user_info">
             <div class="user_top">
                 <div class="title">
                     <span class="wel">无聊漂泊的云， 欢迎您!</span>
                     <span class="time">上一次登录时间：2015-01-07 13:07:30</span>
                 </div>
                <ul>
                    <li>您是我们的 <span class="use_span">普通会员</span> 经验值是：0 <span style="color: #999; margin-left:30px;">今年已消费￥0.00，再消费￥501.00可升级到</span> <span style="color:#069 ;font-weight: bold;">铜牌会员</span></li>
                    <li class="main">
                        <p>到货通知：0</p>
                        <p>预存款余额：￥0.00</p>
                        <p>优惠券：0</p><br/><br/>
                        <p style="margin-bottom:20px;">你的积分：0</p>
                    </li>
                </ul>

             </div>
             <div class="user_top" style="margin-top:15px;">
                 <div class="title" style="border-bottom:1px solid #D7DFE6;">
                     <span class="wel">近期订单</span>
                     <span class="look"><a href="">查看所有订单</a></span>
                 </div>
                <ul>
                    <li>
                    <li class="main">
                        <p style="margin-bottom:20px;color: #7E7E7E;">暂无订单</p>
                    </li>
                </ul>
                
             </div>
             <div class="user_top" style="margin-top:15px;">
                 <div class="title" style="border-bottom:1px solid #D7DFE6;">
                     <span class="wel">近期收藏</span>
                     <span class="look"><a href=""> 查看所有收藏 </a></span>
                 </div>
                <ul>
                    <li>
                    <li class="main">
                        <p style="margin-bottom:20px;color: #7E7E7E;">暂无订单</p>
                    </li>
                </ul>
                
             </div>

             <div class="user_top" style="margin-top:15px;">
                 <div class="title" style="border-bottom:1px solid #D7DFE6;">
                     <span class="wel" style="font-weight: bold;font-size="15px;">根据您的记录我们为您推荐！</span>
                 </div>
                 <ul class="favor">
                    <li>
                        <div><img src="./Img/thum.jpg" alt="" /></div>
                        <span class="tit">Yoga3 Pro-5Y70(香槟金)(IA)</span>
                        <span class="use_pri">会员价：￥8,499.00</span>
                    </li>

                    <li>
                        <div><img src="./Img/thum.jpg" alt="" /></div>
                        <span class="tit">Yoga3 Pro-5Y70(香槟金)(IA)</span>
                        <span class="use_pri">会员价：￥8,499.00</span>
                    </li>

                    <li>
                        <div><img src="./Img/thum.jpg" alt="" /></div>
                        <span class="tit">Yoga3 Pro-5Y70(香槟金)(IA)</span>
                        <span class="use_pri">会员价：￥8,499.00</span>
                    </li>
                    <li>
                        <div><img src="./Img/thum.jpg" alt="" /></div>
                        <span class="tit">Yoga3 Pro-5Y70(香槟金)(IA)</span>
                        <span class="use_pri">会员价：￥8,499.00</span>
                    </li>

                    <li>
                        <div><img src="./Img/thum.jpg" alt="" /></div>
                        <span class="tit" style="display: block;">Yoga3 Pro-5Y70(香槟金)(IA)</span>
                        <span class="use_pri">会员价：￥8,499.00</span>
                    </li>
                </ul>
                
             </div>
     <!--/个人中心 -->
			</div>
			
		</div>
		
		
		
		
		
		
		

<!--//......................底部开始..........................-->	
	<div id="clcl">
		<div class="cll">
			<span class="c1"></span>
			<span class="c2"></span>
			<span class="c3"></span>
			<span class="c4"></span>
			<span class="c5"></span>
			<span class="c6"></span>
			<span class="c7"></span>
			
		</div>
			
		</div>
		
		<!--.....................底部...............-->
		
		<div id="foot">
			<div class="frame">
				<!--...........上图面-->
				<div class="head_picture">
					<img src="./Img/logo_footer.jpg" alt="" />										
				</div>
				
				<!--............连接指南-->
				<ul class="connect">
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					<!--................-->
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					<!--........................-->
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					
					<!--...........................-->
					
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					
					<!--........................-->
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					
					<!--.......................-->
					
					<li>
						<a href="" class="head_S">
							<h3>购物指南</h3>
						</a>
						<dd class="head_ss">
							<a href="">购买流程</a>
							<a href="">注册会员</a>
							<a href="">支付指南</a>
							<a href="">购物方式</a>
							<a href="">服务商信息</a>
						</dd>												
					</li>
					<!--.........电话........-->
					<li class="phone" style="width: 860px;">
						<span>400-088-8222</span>
						<!--..........快递...........-->						
						<span class="suibian"> 快速查询距离您最近的联想销售店面联和想维修网点 </span>																		
					</li>
					
					
				</ul>
								
			</div>			
		</div>
		
		
	</body>
</html>
